<template>
  <div class="current">
    <div class="title">在线问诊/详情</div>
    <el-card>
      <chat></chat>
    </el-card>
  </div>
</template>
<script>
import chat from "@/components/chatWindow/chatWindow.vue";
export default {
  components: {
    chat,
  },
};
</script>
<style lang="less" scoped>
.current {
  display: flex;
  flex-direction: column;
  height: 100%;
  .title {
    height: 2.1875rem;
    font-size: 0.875rem;
    color: #9a9a9a;
    line-height: 2.1875rem;
  }
  .el-card {
    height: calc(100% - 3rem);
  }
}
/deep/ .el-card .el-card__body {
  height: calc(100% - 4rem);
}
</style>